@font-face {
    font-family: 'tattoportal';
    src: url('fonts/tattoportal.eot?') format('eot'),
		 url('fonts/tattoportal.eot?#iefix') format('embedded-opentype');
	src: local('☺'),
         url('fonts/tattoportal.ttf') format('truetype'),
         url('fonts/tattoportal.svg') format('svg');
}

body{background-color:#000; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
a{outline:none; color:#fff; text-decoration:none}
	a:hover {}
ul, ol, dl, dt, dd {list-style:none; margin:0; padding:0}
p, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0; padding:0}
fieldset {border:none}
input, select, textarea, button {font-family:Arial, Helvetica, sans-serif; font-size:12px}

.wrapper{width:980px; margin:0 auto; background:url(images/bgr.jpg) 50% 0px no-repeat}
.page{min-height:600px}


/*=== HEADER ===*/
/*Baner*/
.header{height:155px; clear:both}
	.header h1, .header h1 a{width:425px; height:100px}
	.header h1{float:left; clear:right}
	.header h1 a{display:block; text-indent:-9999em; background:url(images/logo.png) no-repeat}

/*Login*/
#account_box{height:100px; float:right; clear:right}
	#account_box form{float:left; padding:25px 0 0}
	#account_box fieldset{float:left; padding-left:10px}
	#account_box label{font-size:11px}
	#account_box .inp_text{width:140px; margin-bottom:5px}
	#account_box .inp_butt{height:25px; margin-top:14px}
	#account_box a{color:#999}
		#account_box a:hover{color:#fff; text-decoration:underline}
#logged{padding:25px 0 0; text-align:right; color:#999}
	#logged p{color:#ccc}
	#logged p:first-of-type{font-size:16px; margin-bottom:5px; padding-bottom:5px; font-weight:bold; background:url(images/line_white.png) 0 100% repeat-x}
	#logged a{color:#900}


/*Main menu*/
#main_menu{clear:both; height:35px; width:950px; margin:0; padding:10px 15px; background:url(images/white10.png); font-family:Verdana, Geneva, sans-serif}
	#main_menu>li{float:left; height:35px; line-height:35px; margin:0 3px 0 0; position:relative; background:url(images/white10.png)}
	#main_menu>li>a{display:block; height:35px; line-height:35px; padding:0 15px; font-size:14px; font-weight:bold; text-shadow:0 0 10px #000,0 0 10px #000}
	#main_menu>li>a:hover, #main_menu>li:hover>a{background:url(images/white10.png)}
	
	#main_menu li.social{float:right}
	#main_menu li.social a{display:block; height:35px; width:35px; padding:0; text-indent:-9999em; background:rgba(255,255,255,0.1) url(images/social.png) no-repeat}
	#main_menu li.social:hover{background:url(images/white30.png)}
		#main_menu li.social #facebook{background-position:0 0}
		#main_menu li.social #twitter{background-position:0 -35px}
		#main_menu li.social #myspace{background-position:0 -70px}
		#main_menu li.social #youtube{background-position:0 -105px}
		#main_menu li.social #contact{background-position:0 -140px}

#main_menu li:hover .submenu{display:block}

#main_menu .submenu{position:absolute; left:0; top:35px; padding:10px 10px; display:none; background:url(images/submenu.png) no-repeat}
	#main_menu .submenu{width:100px; height:180px}
	#main_menu .submenu li{float:none; margin-bottom:5px; height:23px; line-height:23px}
	#main_menu .submenu a{display:inline; height:auto; color:#999; font-weight:bold; font-size:12px}
	#main_menu .submenu a:hover{color:#fff}
	


/*=== FOOTER ===*/
#footer{margin:10px 0}

/*Footer navigation*/
#foot_menu{clear:both; height:20px; width:980px; margin:0 auto 10px; padding:0; text-align:center;background:url(images/white10.png)}
	#foot_menu>li{display:inline-block; height:20px; line-height:20px; margin:0 3px 0 0; position:relative}
	*+html #foot_menu>li{display:inline}
	#foot_menu>li>a{display:block; height:20px; line-height:20px; padding:0 15px; font-size:12px; font-weight:bold; color:#999}
	#foot_menu>li:hover, #foot_menu li:hover .submenu{background:url(images/white10.png)}
	#foot_menu>li>a:hover, #foot_menu>li:hover>a{color:#fff}
#foot_menu li:hover .submenu{display:block}
#foot_menu .submenu{position:absolute; left:50%; margin-left:-60px; width:100px; height:auto; bottom:20px; padding:10px; display:none;}
#foot_menu .submenu a{padding:0 5px}
#foot_menu .submenu a:hover{text-decoration:underline; background-color:#000}

/*Impresum*/
#impresum{text-align:center; font-size:11px; color:#999}




/*=== PAGES ===*/
/*Slideshow*/
.slideshow{padding:15px; margin:10px 0; background:url(images/white10.png); overflow:hidden}
	.slideshow, .slideshow li, .slideshow a{width:950px; height:420px}
	.slideshow li{position:relative; margin:0 15px 15px 0; display:none}
	.slideshow a{display:block}
	.slideshow img{border:none}
.slideshow .caption{position:absolute; font-size:14px; line-height:18px; bottom:0; padding:20px 30px; background:url(images/black50.png)}

/*Sidebar pages*/
.sidebar_page{margin:10px 0}
.sidebar_page:after {clear:both; content:""; display:block; height:0; visibility: hidden;}
	.sidebar_page .content{float:left; width:800px; padding-right:10px}	
	.sidebar_page .sidebar{float:right; width:160px; padding-left:10px}

/*News slider*/
.news_overview{padding:15px 0px 15px 15px; height:255px; width:785px; background:url(images/white10.png); overflow:hidden; position:relative}
	.news_overview li{padding:10px; margin:0 10px 15px 0; width:360px; height:235px; float:left; background:url(images/black50.png)}
	.news_overview img{border:none}
	
	.news_overview h2{font-size:18px; line-height:22px; font-weight:normal; margin-bottom:15px}
		.news_overview h2 a{text-decoration:underline}
		.news_overview h2 a:hover{text-decoration:none; background-color:#000}
	.news_overview p.abstract{line-height:18px}
	.news_overview p.links{font-size:15px}
		.news_overview p.links a{display:block; text-decoration:underline; line-height:20px; margin-bottom:7px; padding-left:30px; background:url(images/arw.png) no-repeat}
		.news_overview p.links a:hover{text-decoration:none; background-color:#000}
	.news_overview p.autor{margin-top:7px; font-size:11px; font-style:italic; color:#666}
	
	.news_overview a.art_image_left{display:block; float:left; margin:0 10px 3px 0}
	.news_overview a.art_image_right{display:block; float:right; margin:0 0 3px 10px}
	.news_overview a.art_image{display:block; margin:0 0 3px}

/*Tabbed galleries*/
.tabbed{padding:15px; margin:10px 0; background:url(images/white10.png)}
.tabs_hold{height:30px; line-height:30px}
	.tabs_hold a{display:block; float:left; height:30px; line-height:30px; padding:0 15px; margin:0 3px 0 0; text-transform:uppercase; font-weight:bold; color:#999}
	.tabs_hold a:hover{background:url(images/white10.png); text-decoration:underline; color:#fff}
	.tabs_hold a.current, .tabs_hold a.current:hover{background:url(images/black50.png); color:#fff}

.tabs_cont_hold{padding:10px; min-height:490px; background:url(images/black50.png)}
	.tabs_cont_hold .tab_cont{display:none}

/*Thumbnail galleries*/
#gallery{padding:15px 15px 0; margin:0 0 20px; background:url(images/white10.png)}
#gallery .thumb_gall{padding:10px; min-height:460px; background:url(images/black50.png)}

.thumb_gall .gal_item{display:inline-block; width:110px; height:140px; padding:5px; margin:0 1px; text-align:center}
	.thumb_gall .gal_item:hover{background:url(images/white10.png)}
	
.thumb_gall a.thumb{display:table-cell; width:110px; height:100px; line-height:100px; text-align:center; vertical-align:middle}
	.thumb_gall a.thumb img{border:none; max-width:100px; max-height:100px; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000}

.img_det_user{display:block; text-align:center; font-weight:bold; margin:4px 0 3px; font-size:11px}
	.img_det_user:hover{text-decoration:underline}
.img_det_views, .img_det_likes, .img_det_comments{display:inline-block; padding-left:19px; font-size:9px; line-height:16px; background:url(images/img_det.png) no-repeat}
	.img_det_views{background-position:0 0}
	.img_det_likes{background-position:0 -16px}
	.img_det_comments{background-position:0 -30px}

/*Galleries pagination/navigation*/
.gal_nav{text-align:right; height:38px; margin-top:2px}
	.gal_nav .prev, .gal_nav .next, .gal_nav .pagenum{display:inline-block; width:38px; height:38px; line-height:38px; background:url(images/pagination.png) no-repeat}	
	.gal_nav .prev, .gal_nav .next{text-align:left; text-indent:-9999em}
	
	.gal_nav .pagenum{text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; background-position:-76px 0}
	.gal_nav .pagenum:hover, .gal_nav .current{color:#790000; text-decoration:underline}
	.gal_nav .current{background-position:-76px -38px}
	
	.gal_nav .prev{background-position:0 0}
	.gal_nav .prev:hover{background-position:0 -38px}
	.gal_nav .next{background-position:-38px 0}
	.gal_nav .next:hover{background-position:-38px -38px}

/*Page caption area*/
.page_capt{margin-bottom:10px; text-shadow:0 0 7px #000, 0 0 7px #000, 0 0 7px #000;}
	.page_capt h2, .page_capt h3{font-family:Verdana, Geneva, sans-serif; max-width:300px}
	.page_capt h2{font-size:22px;  text-transform:uppercase; font-weight:normal}
	.page_capt h3, .page_capt h3 a{color:#900; margin-top:3px}

.filter_opt{}
	.filter_opt form{max-width:470px}
	.filter_opt label{font-weight:bold; line-height:22px; font-size:13px; margin-right:5px}
	.filter_opt .inp_text{height:14px; margin:0 15px 0 0; padding:3px; border:1px solid #000}
	.filter_opt .inp_select{height:22px; margin:0 10px 0 0; border:1px solid #000}
	.filter_opt .inp_btn{height:22px; border:1px solid #000; font-weight:bold; text-transform:uppercase; font-size:12px; text-align:center}

/*Members table*/
#members{padding:15px 15px 0; margin:0 0 20px; background:url(images/white10.png)}
#members .thumb_gall{padding:10px; min-height:460px; background:url(images/black50.png)}

.memb_table{text-align:center}
.memb_table th, .memb_table td{padding:10px 7px}
	.memb_table th{font-weight:normal; font-size:11px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; color:#999; background:url(images/line.png) 0 100% repeat-x}
	.memb_table td{font-size:14px; background:url(images/line_white.png) 0 100% repeat-x; line-height:18px}
	.memb_table img{max-width:80px; border:none}
	.memb_table a{color:#900; font-weight:bold; line-height:22px}
	.memb_table span{font-family:Verdana, Geneva, sans-serif; font-size:16px}


/*=== VIEW PHOTO ===*/
/*Image gallery (view foto)*/
#preview{padding:15px; margin:0 0 20px; background:url(images/white10.png)}
#preview .screen_gall{padding:10px; background:url(images/black50.png)}

/*Image tools -crop, flip...*/
.gallery_opt{max-width:470px}

.gallery_bgr{height:16px; line-height:16px; vertical-align:middle}
	.gallery_bgr a{display:inline-block; width:14px; height:14px; border:1px solid #000; vertical-align:middle; font-size:0; white-space:nowrap}
	.gallery_bgr #color1{background-color:#000}
	.gallery_bgr #color2{background-color:#333}
	.gallery_bgr #color3{background-color:#555}
	.gallery_bgr #color4{background-color:#666}
	.gallery_bgr #color5{background-color:#999}
	.gallery_bgr #color6{background-color:#aaa}
	.gallery_bgr #color7{background-color:#ccc}
	.gallery_bgr #color8{background-color:#eee}
	.gallery_bgr #color9{background-color:#fff}
	.gallery_bgr #color10{background:url(images/x-icon.png) 50% 50% no-repeat}
	
.gallery_creative{text-align:right; margin-bottom:7px}
	.gallery_creative a{display:inline-block; width:20px; height:20px; text-align:left; text-indent:-9999em; border:1px solid #fff; background:rgba(255,255,255,0.8) url(images/image_tools.png) no-repeat}
	.gallery_creative a:hover{background-color:#fff}
	.gallery_creative a.flip_img{background-position:0 0}
	.gallery_creative a.bw_img{background-position:-20px 0}
	.gallery_creative a.col_img{background-position:-40px 0; display:none}
	.gallery_creative a.crop_img{background-position:-60px 0}
	.gallery_creative a.full_img{background-position:-80px 0}
	.gallery_creative a.link_img{background-position:-100px 0}
	.gallery_creative a.fb_img{background-position:-120px 0}
	.gallery_creative a.info_img{background-position:-140px 0; margin-left:10px}
	.gallery_creative a.like_img{background-position:-160px 0}

.flip-h{-moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); filter:fliph; transform:scaleX(-1)}

/*Lightbox content*/
#image_info_box, #image_link_box{padding:20px 15px}
	#image_info_box h4, #image_link_box h4{font-size:18px; font-weight:normal; color:#666; margin-bottom:20px; border-bottom:1px solid #ccc}
	#image_info_box p, #image_link_box p{font-size:12px; color:#666; margin-bottom:2px}
		#image_link_box p{font-size:14px}
		#image_info_box p strong, #image_link_box p strong{color:#000}
	#image_info_box a{color:#900}
		#image_info_box a:hover{text-decoration:underline}


/*Image select (crop) styles*/
.imgareaselect-border1 {background:url(images/border-v.gif) repeat-y left top;}
.imgareaselect-border2 {background:url(images/border-h.gif) repeat-x left top;}
.imgareaselect-border3 {background:url(images/border-v.gif) repeat-y right top;}
.imgareaselect-border4 {background:url(images/border-h.gif) repeat-x left bottom;}
.imgareaselect-border1, .imgareaselect-border2,.imgareaselect-border3, .imgareaselect-border4 {filter:alpha(opacity=50);opacity:0.5;}
.imgareaselect-handle {background-color:#fff;border:solid 1px #000;filter:alpha(opacity=50);opacity:0.5;}
.imgareaselect-outer {background-color:#000;filter:alpha(opacity=50);opacity:0.5;}
.imgareaselect-selection {}

/*Navigated gallery*/
.loading{background:url(images/processing.gif) 50% 50% no-repeat}

.img_wrapper{position:relative}                  
.img_holder{overflow:hidden; width:750px; min-height:450px; margin:0 auto 10px;}
	.img_holder a{width:710px; display:block; overflow:hidden; text-align:center; padding:20px; position:relative}
	.img_holder img{border:none; max-width:710px; max-height:600px; margin:0 auto; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000}
	.img_holder canvas{-moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000}
                    
.gallery_nav{/*border:1px solid #000*/}
.thumb_nav {position:relative}
	.thumb_nav div{position:absolute; top:16px; width:38px; height:38px; background:url(images/pagination.png) no-repeat}
	.thumb_nav .prev, .thumb_nav .prev.dissabled, .thumb_nav .prev.dissabled:hover{left:0; background-position:0 0}
	.thumb_nav .prev:hover{background-position:0 -38px}
	.thumb_nav .next, .thumb_nav .next.dissabled, .thumb_nav .next.dissabled:hover{right:0; background-position:-38px 0}
	.thumb_nav .next:hover{right:0; background-position:-38px -38px}

.thumb_wrapper{margin:0 50px; width:650px; overflow:hidden}
.thumb_holder{height:70px; position:relative}
	.thumb_holder a{display:block; float:left; vertical-align:middle; text-align:center; width:60px; height:60px; line-height:60px; padding:5px; margin-right:3px}
	.thumb_holder a:hover{background:url(images/white10.png)}
	.thumb_holder a.selected{background:url(images/black50.png)}
	.thumb_holder img{border:none; max-height:60px; max-width:60px; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000}


/*=== LIGHTBOX ===*/
.modal_overlay,.modal{display:none}
.modal_overlay{width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; top:0; left:0; z-index:800}
.modal{background-color:#000; min-width:200px; min-height:40px; max-width:980px!important; position:absolute; top:100px; left:50%; margin-left:-9999px; z-index:900}
	.mod_caption{padding:5px 10px; font-size:16px; min-height:24px; line-height:24px; min-height:24px; font-weight:bold; background:#333; color:#fff}
	.mod_close{display:block; float:right; height:24px; line-height:24px; font-size:12px; font-weight:bold; text-align:right; color:#fff;}
	.popup_holder{position:relative; background:#fff; color:#000}

.hidden_cont{display:none}
.modal .hidden_cont{display:block}


/*===PAGE BOTTOM AND SIDEBAR BLOCKS ===*/
/*Banners*/
#banners{padding-top:15px}
	#banners a{display:block; margin-bottom:10px; text-align:center}
	#banners a img{border:none}

/*Bottom blocks*/
#botom_boxes{padding:10px 0 30px}
	#botom_boxes h2{font-size:18px; margin-bottom:10px; font-weight:normal; text-shadow:0 0 7px #000, 0 0 7px #000, 0 0 7px #000; text-transform:uppercase}

/*Pool*/
.check_group{margin:15px 0}

/*Games*/
#games a{display:inline-block; width:80px; margin:0 5px 10px; padding:10px; text-align:center}
	#games a:hover{background:url(images/white10.png)}
	#games a img{display:block; border:none; margin:0 0 3px; -moz-box-shadow:0 0 20px #000; -webkit-box-shadow:0 0 20px #000; box-shadow:0 0 20px #000}


/*Chat+Comments*/
#chat ul{height:150px; overflow-x:hidden; margin:15px 0;}
#chat li, #comments li{margin-bottom:10px}
#chat li span a{color:#900; font-weight:bold}
	#chat li a:hover, #comments li a:hover{text-decoration:underline}
#chat li div, #comments li div{color:#999; font-size:11px; font-style:italic}
#chat textarea{display:block; width:98%;}
#chat input{float:right; margin:10px 0 0}

#comments ul{margin:15px 0 50px;}
	#comments li img{margin-right:10px}
	#comments li a{color:#900}
	#comments li span a.comment_aut{color:#900; font-weight:bold}

#comments form{padding:20px 10px; margin:15px 0; max-width:480px; background:url(images/black50.png)}
	#comments textarea{width:468px; padding:5px; margin:3px 0 10px}
	#comments input{margin:10px 0}

.comment_tools{padding:0 0 10px; margin-bottom:15px; border-bottom:1px solid #555}
	.comment_tools a:hover{background-color:#fff}

.emotions{display:inline-block; width:14px; height:14px; background:url(images/smileys.png) no-repeat; text-align:left; text-indent:-9999em}
	.smile1{background-position:0 0}
	.smile2{background-position:-14px 0}
	.smile3{background-position:-28px 0}
	.smile4{background-position:-42px 0}
	.smile5{background-position:-56px 0}
	.smile6{background-position:-70px 0}
	.smile7{background-position:-84px 0}
.comment_ico{display:inline-block; width:14px; height:14px; background:url(images/comment_ico.png) no-repeat; text-align:left; text-indent:-9999em}
	.ins_area{background-position:0 0; margin-left:20px}

/*=== MEMBER VIEW ===*/
#user .page_capt h2{color:#900}

#member_info{font-size:14px; line-height:18px; padding:20px 10px; color:#aaa}
	#member_info .cols3{margin-bottom:15px}
	#member_info .col{width:270px; padding-right:10px; margin:0}
	#member_info .col:first-of-type{width:150px; padding-right:20px}
	#member_info .col:last-of-type{padding-right:0; padding-left:10px}
	
	#member_info p strong, #member_info em{color:#fff}
	#member_info img{display:block; margin-bottom:7px; background:url(images/white10.png)}

/*=== MY ACCOUNT ===*/
#account #member_info{font-size:12px; line-height:14px}

#account .edit_act{color:#900; padding:2px 5px; margin-left:-5px; font-weight:bold; text-decoration:underline}
	#account .edit_act:hover{background-color:#000; text-decoration:none}
.data_view{display:block}


/*=== REGISTER ===*/
#registration{padding:15px; margin:0 0 20px; background:url(images/white10.png)}
#registration .page_capt h2{max-width:950px}
#registration .page_body{padding:30px 20px 20px; background:url(images/black50.png)}

#registration p{font-size:14px; line-height:18px; margin-bottom:10px; text-align:center}
#registration a{color:#900; text-decoration:underline}
#registration a:hover{text-decoration:none}
#registration form{margin:40px 0 0}


/*=== ARTICLES ===*/
#articles{padding:15px; margin:0 0 20px; background:url(images/white10.png); overflow: auto;}
#articles .page_body{padding:30px 20px 20px; background:url(images/black50.png)}
#articles .page_capt h2, #articles .page_capt h3{max-width:500px}

.post{padding:10px; margin:0 0 15px; background:url(images/white10.png)}
	.post img{max-width:140px; margin:0 15px 7px 0}
	.post h2{font-size:22px; line-height:26px; font-weight:normal; margin-bottom:15px}
		.post h2 a{text-decoration:underline; padding:0 7px; margin-left:-7px}
		.post h2 a:hover{text-decoration:none; background-color:#000}
	.post .abstract{font-size:14px; line-height:20px}
	.post .autor{margin-top:10px; font-size:12px; font-style:italic; color:#aaa;}

#single_post p{font-size:14px; line-height:20px; margin-bottom:20px; text-align:justify}
#single_post h3{font-size:20px; margin:35px 0 15px}
#single_post img.fl_left{margin:0 20px 10px 0}
#single_post img.fl_right{margin:0 0 10px 20px}



/*=== FORMS ===*/
.data_edit{display:none}
.data_edit.data_open{display:block}

.data_edit fieldset{padding:10px;clear:both;}
.data_edit fieldset:hover{background:url(images/black50.png)}
.data_edit .lab_block{display:inline-block; text-align:right; vertical-align:top; line-height:22px}
.data_edit .lab_check{line-height:16px; vertical-align:middle; margin-bottom:3px; display:inline-block}

.data_edit .inp_text, .data_edit .inp_area, .data_edit .inp_file, .data_edit .inp_select{margin:0 2px 10px; padding:2px; border:1px solid #000; background-color:#ccc}
	.data_edit .inp_text:focus, .data_edit .inp_area:focus, .data_edit .inp_file:focus, .data_edit .inp_select:focus{background-color:#fff}
.data_edit .inp_text{height:16px; line-height:16px;}
.data_edit .inp_select{padding:1px 2px; height:22px}
.data_edit .inp_file{padding:0 2px; height:22px}
.data_edit .inp_check{line-height:16px; height:16px; vertical-align:middle; margin:0 5px 0 3px}
.data_edit img{margin-bottom:7px}
.data_edit .inp_btn{margin:10px 5px 10px 0; height:24px; padding:0 10px; font-weight:bold; text-transform:uppercase; vertical-align:middle; border:1px solid #000; background:#900; color:#fff}
	.data_edit .inp_btn:hover{background:red;}

.mark_required{color:red; margin-right:2px}

.error_hold{}
.error_hold p{font-size:12px!important; line-height:16px!important; margin:0!important}
.error_hold p:first-of-type:before{content:'Pronađene su greške u formi. Molimo Vas ispravite greške kako bi nastavili dalje.'; display:block; font-style:normal; font-weight:bold; margin-bottom:5px; font-size:14px; color:red}
.error_hold label:before{content:'>'; padding-right:5px; color:red}
label.error{color:red; font-style:italic}
input.error, select.error, textarea.error{border:2px solid red!important;}


/*=== TERMS OF USE ===*/
#terms_of_use{width:900px; padding-bottom:20px}

#terms_of_use .nav{padding:20px; margin:0 20px; text-align:center; border-bottom:1px solid #ccc}
	#terms_of_use .nav a{display:inline-block; width:45px; height:30px; margin:10px}
.terms_cont{height:500px; overflow-x:hidden}
.terms_section{padding:20px; margin-bottom:50px; display:none}
#terms_of_use h2{font-size:24px; margin:20px 0 15px; line-height:30px; min-height:30px; text-transform:uppercase}
#terms_of_use h3{font-size:20px; margin:30px 0 15px}
#terms_of_use p{font-size:14px; line-height:18px; margin-bottom:18px}
#terms_of_use a{text-decoration:underline; color:#900}


/*=== MISC ===*/
.clearfix:after, .cols2:after, .cols3:after, .cols3spanL:after {clear:both; content:''; display:block; height:0; line-height:0; visibility:hidden}
.fl_left{float:left}
.fl_right{float:right}

.col{margin-right:1%; float:left}
.cols2 > .col{width:49%}
.cols3 > .col, .cols3spanL > .col:last-of-type{width:32%}
.cols3spanL > .col:first-of-type{width:66%}

.tRight{text-align:right}
.tCent{text-align:center}
.red{color:#900}

.w60{width:60px}
.w80{width:80px}
.w105{width:105px}
.w140{width:140px}
.w210{width:210px}
	.inp_select.w210{width:215px}
.w420{width:420px}

.ml105{margin-left:105px}

.submenu{z-index:100}
.slideshow{z-index:90}

.scrollPanel {
    width: 1500px;
}

.slide {
    float: left;
    width: 750px;
}

.thumb_gall {
    width: 750px;
    min-height: 450px;
    overflow: hidden;
}

#single_post a {
    color: #fff;
}

#naslov {
    font-size: 22px;
}

#naslov input {
    margin: 5px;
    font-size: 22px;
    width: 683px;
    background-color: #000;
    color: #FFF;
    border: 1px solid #CCC;
}

.rblock {
    padding-bottom: 15px;
}

#btnPostavi {
    margin-top: 5px;
    font-size: 16px;
}

.image_info_wrapper label {
    display: block;
    width: 200px;
}

.image_info_wrapper input, .image_info_wrapper textarea {
    margin-bottom: 10px;
    width: 233px;
}

#articles .inp_btn {
    width: 70px;
    padding: 2px;
}

.image_preview {
    max-height: 300px;
    max-width: 300px;
}

.image_info_wrapper, image_preview_wrapper {
    float: left;
}

.image_info_wrapper {
    margin-right: 100px;
}

.editposts li {
    padding-bottom: 5px;
}

.editposts li a:hover {
    color: #990000;
}

.onama p {
    text-indent:25px;
}

#video_content {
    width: 670px;
}

.video_image {
    background-image: url("images/white10.png");
    overflow: auto;
    height: 100%;
    padding: 6px;
}

.video_image img {
    float: left;
    margin-right: 6px;
}


.video_image p {
    padding-top: 21px;
}

#video_sidebar {
    float: left;
    width: 275px;
}

.video_block {
    padding-bottom: 8px;
}

.captcha {
    margin-left: 285px;
}

#comments_video_form {
    background: url("images/black50.png") repeat scroll 0 0 transparent;
    margin: 15px 0;
    width: 650px;
    padding: 20px 10px;
}

.video_post {
    font-size: 20px;
}

.video_post input {
    margin: 5px;
    font-size: 20px;
/*    width: 200px;*/
    border: 1px solid #CCC;
/*    margin-left: 63px;*/
}

.video_description label{
    font-size: 20px;
    float: left;
}

.video_description textarea {
    font-size: 20px;
    margin: 5px;
    width: 625px;
    height: 130px;
}

/*.video_tags input {
    margin-left: 70px;
}*/
#btn_video{
    font-size: 16px;
    margin-left: 685px;
}

#tags{
    padding-bottom: 10px;
}

.logged_users {
    padding-bottom: 5px;
}

.logged_users a:hover {
    color: red;
}

#magazin_categories span,  #video_categories span{
    color: #990000;
    font-size: 1.17em;
    font-weight: bold;
    padding-right: 5px;
}

#magazin_categories a:hover,  #video_categories a:hover{
    color: #990000;
}

#video_categories {
    padding-bottom: 10px;
}

.video_input {
    width: 625px;
}

.video_label {
    width: 115px;
    display: block;
    float: left;
    padding-top: 7px;
}

.video_post select {
    font-size: 18px;
}

#nova_kategorija {
    width: 454px;
}

#video_filter_form {
    margin-left: 125px;
    margin-top: -25px;
    max-width: 490px;
}